body,html {font-size: 14px !important;}
.toast-container {z-index: 9999999999;}
/**filterbox**/
.filter-box .input-group-sm>.custom-select, 
.filter-box .input-group-sm>.form-control,
.filter-box .input-group-sm>.input-group-append>.btn,
.filter-box .input-group-sm>.input-group-append>.input-group-text,
.filter-box .input-group-sm>.input-group-prepend>.btn,
.filter-box .input-group-sm>.input-group-prepend>.input-group-text {
    font-size: 1rem;
}
.input-group-sm .select2-container--classic .select2-selection--single, .input-group-sm .select2-container--default .select2-selection--single {
    font-size: 1rem;
}

input[type="text"]::placeholder,input[type="search"]::placeholder  {
    font-size: .8rem !important;
}
.select2-container .select2-search--inline .select2-search__field {margin-top: 8px !important;}

.filter-box {padding: 1rem !important;}
/* 详情页样式调整 */
.show-field.form-group {margin-bottom: 1rem;}
.show-field .box.box-solid.box-default {border: none;border-radius: 0px; box-shadow: none;}
.show-field .box-body {padding: 0px 10px; border-radius: 0px;}
.show-field .control-label {padding-top: 0px; font-weight: bold;}
.show-field .col-sm-7 {flex: 1; max-width: initial;}
@media (max-width: 576px) {
    .show-field .col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }
    .show-field .col-sm-7 {
        flex: 0 0 58.3333333333%;
        max-width: initial;
        flex: 1
    }
}
/** 改写详情页 **/
.show-card-header {
    padding: .65rem 0;
    
    border-bottom: 1px solid #e1e8ea;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.show-card-header .t1 {
    font-size: 18px;
    border-left: 5px solid #6d8be6;
    padding-left: 10px;
    line-height: 20px;
}

/**表单调整**/
.form-horizontal .form-group {margin-bottom: .5rem;}
.card-in-modal {
    box-shadow: none; margin: 0px; border-radius: 0px;
}

.tab-outer .card .box-header {display: none;}
.tab-outer .nav.nav-tabs .nav-item .nav-link {font-size: 1.2rem; padding: 10px 14px;}

#grid-table.table.custom-data-table.data-table td{ height:45px!important; font-size:1.1rem!important;}
.table.custom-data-table.data-table td{ height:45px!important; font-size:1.1rem!important;}
.grid__actions__  a {font-size:1.1rem!important;}

/* header 头像点击下拉菜单*/
.header-navbar .navbar-nav .show {position: absolute;}

@media (max-width: 767.98px)
{
    .content .content-wrapper {padding-left: 15px; padding-right: 15px;}
}


.layui-layer-btn {text-align: center; font-size: 16px;}
.layui-layer-btn a {font-size: 16px;;}


/*
* 修改左侧导航栏
*/
.main-sidebar, .main-sidebar:before {width: 200px;}
.horizontal-menu .header-navbar.navbar-shadow {min-height: 60px;}
.header-navbar.fixed-top {left: 200px;}
.main-menu .navbar-header .nav-item {text-align: left;}
@media (min-width: 768px) {
    body:not(.sidebar-mini-md) .content-wrapper, body:not(.sidebar-mini-md) .main-footer, body:not(.sidebar-mini-md) .main-header {
        transition: margin-left .3s ease-in-out;
        margin-left: 200px;
    }
}
@media (max-width: 991.98px) {
    body:not(.sidebar-mini-md) .content-wrapper, body:not(.sidebar-mini-md) .content-wrapper:before, body:not(.sidebar-mini-md) .main-footer, body:not(.sidebar-mini-md) .main-footer:before, body:not(.sidebar-mini-md) .main-header, body:not(.sidebar-mini-md) .main-header:before {
        margin-left: 0;
    }
}

[class*=sidebar-light-] .nav-sidebar>.nav-item>.nav-link i {
    margin-right: 0.25rem;
}
[class*=sidebar-light-] .nav-treeview>.nav-item>.nav-link i {
    margin-right: 0.25rem;
}
.nav-sidebar>.nav-item {
    border-bottom: 1px dotted #e7e7e7 ;
}

.main-sidebar .nav .nav-item .nav-link {
    padding: 10px 10px 10px 15px!important
}
.main-sidebar .nav-treeview.nav .nav-item .nav-link {
    padding: 5px 0px 5px 35px!important;
    font-size: normal;
}
.sidebar-collapse .main-sidebar .nav-treeview.nav .nav-item .nav-link {
    padding: 5px 0px 5px 42px!important;
}
.nav-sidebar>.nav-item>.nav-link i.fa {width: 20px; text-align: center;}

.main-sidebar .nav-treeview.nav .nav-item .nav-link .fa {display: none;;}

.horizontal-menu .nav-sidebar>.nav-item {padding-bottom: 0px;}

.navbar-container {height: 55px;}
.header-navbar.navbar-with-menu .navbar-container {display: flex !important; align-items: center !important;}
/**end**/

.nav-my .nav-tabs .nav-item .nav-link {font-size: 16px; padding: 10px 14px;}


/**auth**/
.login-select h1 {font-size: 2rem; text-align: center; margin-bottom: 40px; color: #fff;}
.login-select {background-image: url('../../images/bg.jpg'); background-size: cover;}
.login-select .wrapper {display: flex; flex-direction: column; justify-content: space-around; min-height: 100vh; height: auto;}
.login-select .container {background: #fff; border-radius: 8px; width: 90%; max-width: 1300px;
    margin: 0px auto; overflow: hidden;min-height: 500px; background-image: url('../../images/auth/login_banner.jpg');
     background-size: auto 100%; background-repeat: no-repeat; overflow: hidden;
     display: flex;
     flex-direction: column;
     justify-content: center;
    }
.login-select .container .cont {width: 100%;}
.login-select .container .cont .cont-bg {float: right; width: 80%; max-width: 400px; background: url('../../images/bg.png') repeat; padding: 30px; margin-right: 80px;}
.login-select .container .logo{margin-bottom: 20px; float: right;margin-right: 80px;}
.login-select .container .logo img{ width: 100%; max-width: 430px; }
.login-select .container .cont a {
    display: block; width: 70%; margin: 0px auto;
    background: -webkit-linear-gradient(-90deg, rgba(64,150,238,1) 0, rgba(69,118,224,1) 100%), #57b6fe;
    background: -moz-linear-gradient(180deg, rgba(64,150,238,1) 0, rgba(69,118,224,1) 100%), #57b6fe;
    background: linear-gradient(180deg, rgba(64,150,238,1) 0, rgba(69,118,224,1) 100%), #57b6fe;
    background-position: 50% 50%;
    -webkit-background-origin: padding-box;
    background-origin: padding-box;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    -webkit-background-size: auto auto;
    background-size: auto auto;
    -webkit-box-shadow: 1px 1px 8px 0 rgba(0,0,0,0.2) ;
    box-shadow: 1px 1px 8px 0 rgba(0,0,0,0.2) ;

    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 10px auto;
    border-radius: 4px;
    color: #fff;
    font-size: 1.2rem;
}
.navbar-expand-lg .navbar-collapse {
    align-items: center !important;
}
@media only screen and (max-width: 1200px)
{
    .login-select .container .logo {margin-right: 0px; float: none; text-align: center;}
    .login-select .container .cont .cont-bg { margin-right: 0px; float: none; margin: 0px auto;}
}


.login-page {background-image: url('../../images/bg.jpg'); background-size: cover;}
/**filter调整**/
.grid-selector .wrap {padding: 10px 14px; line-height: normal; display: flex; align-items: center;}
.grid-selector .select-label {min-width: 70px; width: auto;; margin-right: 20px; padding-left: 0px; float: none;}
.grid-selector .select-options {margin-left: 0px;}
.grid-selector .select-options ul {    padding-inline-start: 0px; padding-left: 0px; height: auto;}
.grid-selector ul>li {float: none; display: inline-block;}
.grid-selector ul .clear {visibility: visible;}


/**grid**/
.grid__actions__ a, .grid__actions__ .grid_action_span {display: inline-block; margin-right: 5px;}
.grid__actions__ a:last-child,.grid__actions__ .grid_action_span:last-child {margin-right: 0px;}

@media (max-width: 1300px) {
    .table_scroll_out .table-wrapper table .grid__actions__ {
        position:sticky;
        right:0;
        z-index:1; background-color: #fff; box-shadow: -2px 0 3px rgba(0,0,0,.08);
    }
    .table_scroll_out .table-wrapper table thead .grid__actions__ {background-color: #ececf1;}

    .table_scroll_out .table-wrapper {overflow-x: scroll;  width: 100%; position: relative;}
    .table_scroll_out .table-wrapper table {min-width: 1300px; table-layout: fixed;border-collapse: separate;}
    .table_scroll_out .grid__actions__ .grid_action_span, .grid__actions__ a {margin: 10px 0;}
}
.table_scroll_out .filter-box {margin-bottom: 0px !important;}







@media (max-width: 767.98px) {
    .content .content-wrapper {
        padding-left: 5px;
        padding-right: 5px;
    }
}
.table-collapse .table.custom-data-table {padding: 0px;}


.activity-grid-sta  { position: relative; margin-top: 5px;}
.activity-grid-sta .alert{background-color: #fff; color: #666; padding: 8px 15px; box-shadow: none;}

.box.box-solid.box-default {box-shadow: none;}
.form_group_only_display .box-body{padding: 6px 10px; background-color: #ececf1;}
.out_modal .modal-body {padding: 0px;}
.order_confirm_modal .box-body, .box-footer {padding: 5px 10px;}
.order_confirm_modal .rzr_confirm {text-align: center;}
.order_confirm_modal .rzr_deliver {text-align: center; font-weight: bold; font-size: 1.2rem;}
.order_confirm_modal .rzr_deliver label {display: none;}
.order_confirm_modal .control-label {font-weight: bold; padding-top: 8px;}
.order_confirm_modal .order_infos {max-height: 400px; overflow-y: scroll;}
.order_confirm_modal .order_infos_footer {
    z-index: 1;
    position: relative;
    box-shadow: 0px -5px 10px -5px rgba(227,231,234,0.91);
    -webkit-box-shadow: 0px -5px 10px -5px rgba(227,231,234,0.91);
}
@media (max-width: 768px) {
    .order_confirm_modal .col-md-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .order_confirm_modal .col-md-7 {
        flex: 1;
        max-width: inherit;
    }
}


.personals_many_col {text-align: center; width: 100% !important;}
.personals_many_col .pull-right {float: none;}

.room_number_select .field_room_number {cursor: pointer !important;}

.label_room_type { font-weight: normal;color: #fff;display: inline-block;border-radius: 4px;padding: 0px 3px; font-size: 10px;}
.tag_room_type {font-weight: normal; color: #fff; display: inline-block; border-radius: 4px; padding: 1px 3px; font-size: 11px !important;}

.horizontal-menu.navbar-fixed-top .wrapper_ddb .content-wrapper {padding-top: 20px;}
.wrapper_ddb .navbar-horizontal {display: none;}


.witherror [data-editinline="popover"] {
    color: #ea5455!important;
}

.login-box, .register-box {min-width: 500px;}

